<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.prime.com.tr/ui" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">


    <h:head>
        <title>:. Medral SCFP RJ.:</title>
        <f:view contentType="text/html" />
    </h:head>


    <h:body style="background-color: paleturquoise"> 

        <ui:include src="/paginas/menu.xhtml"/>

        <p:growl id="avisos" showDetail="true" life="3000" />  

        <p:fieldset legend="CADASTRO DE FUNCIONÁRIOS:" toggleable="true">  
            <h:form> 
                <h:panelGrid columns="4">
                    <h:outputText value="Data do Cadastro:" />  
                    <p:calendar value="#{FuncionarioBean.funcionario.dataCadastro}" maxlength="12" size="10" />
               
                    <h:outputText value="Matrícula:" />  
                    <p:inputMask mask="999.999" value="#{FuncionarioBean.funcionario.matricula}" maxlength="6" size="10" />
                </h:panelGrid>
                    
                <h:panelGrid columns="2">
                    <h:outputText value="Nome:" />  
                    <p:inputText id="nome" value="#{FuncionarioBean.funcionario.nome}" maxlength="70" size="57"/>
                </h:panelGrid>
                
                <h:panelGrid columns="4">    
                    <h:outputText value="Setor:" />   
                    <p:inputText id="setor" value="#{FuncionarioBean.funcionario.setor}" maxlength="25" size="22" />

                    <h:outputText value="Função:"/>
                    <p:inputText id="funcao" value="#{FuncionarioBean.funcionario.funcao}" maxlength="25" size="22"/>
                </h:panelGrid>
                
                <h:panelGrid columns="2">   
                    <h:outputText value="Custo:"/>
                    <p:inputMask mask="R$ 9.999,99" value="#{FuncionarioBean.funcionario.custo}" maxlength="8" size="10"/>
                </h:panelGrid> 

                <p:separator style="width: 100%; height: 3px" />  

                <p:commandButton value="CADASTRAR" actionListener="#{FuncionarioBean.funcionario.cadastrar}" type="submit" />
                <p:commandButton value="LIMPAR CAMPOS" actionListener="#{FuncionarioBean.funcionario.limpar}" type="reset" />

            </h:form>  
        </p:fieldset>
   
        <p:fieldset legend="LISTA GERAL:" toggleable="true">  
              <h:form id="form">

                <p:growl id="msgs" />

                 <p:outputPanel id="books">
                    <p:dataTable id="booksTable" value="#{createBookBean.books}" var="book">

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Data" />
                            </f:facet>
                            <h:outputText value="#{book.data}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Matrícula" />
                            </f:facet>
                            <h:outputText value="#{book.matrFunc}" />
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                             <h:outputText value="Nome" />
                            </f:facet>
                            <h:outputText value="#{book.nomeFunc}" />
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Setor" />
                            </f:facet>
                            <h:outputText value="#{book.setor}" />
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Função" />
                            </f:facet>
                            <h:outputText value="#{book.funcao}" />
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Custo" />
                            </f:facet>
                            <h:outputText value="#{book.custo}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Operação" />
                            </f:facet>
                            
                            <p:commandLink value="Excluir" update=":form:books" process=":form:books">
                                <p:collector value="#{book}"
                                             removeFrom="#{bookBean.books}" />
                            </p:commandLink>
                        </p:column>

                    </p:dataTable>
                </p:outputPanel>

            </h:form>
        </p:fieldset>
       
        <p:messages id="mensagens" showDetail="true" /> 

    </h:body>  

</html> 

